<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>title</title>
    <link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="css/app.css">
    <style>
    	body{
    		
    	}
        .doc-js-btn-1 label{font-size:13px;padding:5px 3px;border-radius:5px;}
    </style>
    <script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="js/lifeservice_waterorder.js"></script>
</head>
<body>

<div id='header' class="am-g am-topbar-fixed-top" >
	<div onclick="api.closeWin();"  class="am-u-sm-2" style="margin-top:12px;padding-left: 17px">
		<img  src="images/arr-l.png" style="height:14px;height: 18px;"/>
	</div> 
	<div class="am-u-sm-8 til" style="margin-top:13px;text-align:center;">
		<h1 id="title"></h1>
	</div>
	<div class="am-u-sm-2" style="font-size: 20px;margin-top:10px;color:white;text-align:center;">
      
   </div>
</div>


<div class="am-g" style="margin-top:50px;">

	<form class="am-form am-form-horizontal">
		<div class="am-form-group">
			<div class="am-u-sm-12" style="text-align:right">
				<a href="javascript:enterExplain();" style="color:red;">服务说明
				<i class="am-icon-question"></i>	
				</a>
			</div>
		</div>
			
			
		<div class="am-form-group">
			
			<div class="am-u-sm-12" style="text-align: center;">
				<div class="am-btn-group doc-js-btn-1" data-am-button="">
					<label class="am-btn am-btn-warning">
					<input type="radio" name="appointDay" id="day1" value="">
					(<span id="week1"></span>)
					<br>
					<span id="day1_text"></span> </label>
					
					<label class="am-btn am-btn-warning">
					<input type="radio" name="appointDay" id="day2" value="">
					(<span id="week2"></span>)
					<br>
					<span id="day2_text"></span> </label>
					
					<label class="am-btn am-btn-warning">
					<input type="radio" name="appointDay" id="day3" value="">
					(<span id="week3"></span>)
					<br>
					<span id="day3_text"></span> </label>
					
					<label class="am-btn am-btn-warning">
					<input type="radio" name="appointDay" id="day4" value="">
					(<span id="week4"></span>)
					<br>
					<span id="day4_text"></span> </label>
				</div>
			</div>
		</div>
		
		<div class="am-form-group">
			<div class="am-u-sm-12">
				<div class="am-form-icon">
					<i class="am-icon-clock-o"></i>
					<select id="appointTime" class="am-form-field">
						<option value="上午">上午</option>
						<option value="下午">下午</option>
					</select>
				</div>
			</div>
		</div>
		
		<div class="am-form-group">
			<div class="am-u-sm-12">
				<div class="am-form-icon">
					<i class="am-icon-mobile-phone"></i>
					<input type="tel" id="telephone" class="am-form-field" placeholder="手机号码" value="">
				</div>
			</div>
		</div>
		
		<div class="am-form-group">
			<div class="am-u-sm-12">
				<div class="am-form-icon">
					<i class="am-icon-user"></i>
					<input type="text" id="userNo" class="am-form-field" placeholder="用户编号" value="">
				</div>
			</div>
		</div>
			
		<div class="am-form-group">
			<div class="am-u-sm-12">
				<div class="am-form-icon">
					<i class="am-icon-file-text-o"></i>
					<input type="number" id="number" class="am-form-field" placeholder="数量">
				</div>
			</div>
		</div>
			
		<div class="am-form-group">
			<div class="am-u-sm-12" style="text-align:right">
				起步价：<font color="red" id="lowprice"></font>  元
			</div>
		</div>
			
		<div class="am-form-group" style="margin-bottom: 50px"> 
			<div class="am-u-sm-12" id="info">
				
			</div>
		</div>
	
	</form>

</div>


<div class="am-g am-topbar-fixed-bottom" style="margin-bottom:10px;">
	  <div class="am-u-sm-12">
			<input type="button" style="border-radius:5px;" id="sub_btn" value="提交预约" class="am-btn-block am-btn am-btn-warning am-btn-sm" onclick="clickSubmit();">
	  </div>
</div>
   
	
</body>
</html>